<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <title>1.初识Vue</title>
    <script type="text/javascript" src="../js/vue.js"></script>
</head>

<body>
    <div id="demo">
        <!-- 插值语法/胡子语法 -->
        <!-- <h1>{{name}}</h1> -->
     <!-- v-bind  -->
     <!-- <a v-bind:href="url">我要跳转了哈</a> -->
     <!--v-bind 简写  -->
     <!-- <a :href="url">点击</a> -->
     <!-- v-bind :用于解析标签 -->
     <!-- v-model 只用于表单元素上 -->
     <!-- <input type="text" v-model:value="name"> -->
     <!-- 简写v-model -->
     <input type="text" v-model="name">
    </div>
    <script type="text/javascript">
        Vue.config.productionTip = false
        new Vue({
            el: '#demo',
            data: {
                name : "张三",
                url: "http://www.atguigu.com"
            }
        })
    </script>
</body>

</html>